<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>约会</title>
  <meta name="mobile-agent" content="format=html5; url=https://m.mgqr.com/yuehui/" />
  <link rel="alternate" media="only screen and(max-width: 640px)" href="https://m.mgqr.com/yuehui/" />
  <meta name="keywords" content="同城约会,同城约会网" />
  <meta name="Description" content="玫瑰情人网的同城约会频道专为同城单身寂寞男女提供同城约会平台，在同城约会，您发起约会条件后，只需要等待佳人的到来，轻松寻得梦中情人。" />
  <link rel="stylesheet" type="text/css" href="../style/yuehui.css" />
  <script src="../script/jquery-2.0.0.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="../script/common.js"></script>
  <link rel="stylesheet" type="text/css" href="../style/default.css" />
  <style type="text/css">
    [v-cloak]{
      display: none;
    }
  </style>
 </head>
 <body>
  <iframe src="./header.html" style='width:100%;height:65px;'></iframe>

  <div id="menu">
   <div class="frame">
    <div class="user_msg">
     <a id="t_msg" class="t_msg" href="javascript:;" rel="nofollow"><i class="i_total"></i></a>
     <a id="t_user" class="t_user" href="javascript:;" rel="nofollow"></a>
    </div>
    
    <div id="navBd">
     <ul>
      <li><a href="./search.html">女士</a></li>
      <li><a href="./search.html">男士</a></li>
      <li><a href="./yuehui.html">约会</a></li>
      <li><a href="./article.html">故事</a></li>
      <li><a href="./hongbao.html">红包</a></li>
     </ul>
     <div class="move-bg"></div>
    </div>
   </div>
  </div>

  <div id="content" class="frame">

   <dl class="left">

    <dd class="meet_body" v-for='(i,index) in list' v-cloak>
     <ul class="butbox">
      <li class="li1">已报名<font>0</font>人</li>
      <li class="li2">仅剩<font>0</font>天<font>23</font>时 </li>
      <li class="li3"><a :href="'./yueInfo.html?id='+i.id" target="_blank" class="a1">我要报名</a></li>
      <li class="li4"><a :href="'./yueInfo.html?id='+i.id" target="_blank" class="red">查看详细</a></li>
     </ul>
     <ul class="textbox">
      <li><h3><a :href="'./yueInfo.html?id='+i.id" target="_blank" v-text='i.yue && i.yue.title'></a></h3></li>
      <li class="w"><i>约会人数：</i>单人约会</li>
      <li><i>约会对象：</i>仅限异性</li>
      <li class="w"><i>约会时间：</i>10月12日10点</li>
      <li><i>约会费用：</i>AA</li>
     </ul>
     <div class="whomeet">
      <a :href="'./userInfo.html?id='+i.id" class="img" target="_blank"><img :src="i.cover" alt="找个正经人" /></a>
      <h6><a :href="'./userInfo.html?id='+i.id" target="_blank" v-text='i.name'></a></h6>
     </div>
    </dd>

   </dl>

    <iframe src="./footer.html" style='width:100%;height:69px;'></iframe>
  </div>

  <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17-beta.0/vue.min.js'></script>
  <script type="text/javascript" src='./userdata.js'></script>
  <script type="text/javascript">
    new Vue({
      el:'#content',
      data:function(){
        return {
          list:[]
        }
      },
      methods:{
        init(){
          let arr = [];
          for(let i in JSONDATA){
            arr.push(JSONDATA[i]);
          }

          this.list = arr;
        }
      },
      mounted(){
        this.init();
      }
    })

  </script>

 </body>
</html>